/* .blog-detail {
  padding: 16px;
}
.blog-title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 8px;
}
.blog-content {
  font-size: 16px;
  line-height: 1.6;
} */
.root{
	display: flex;
	flex-direction: column;
background-color: #ededed;
}
.item-author{
	font-size: 20rpx;
	color: #555555;
	margin-left: 100rpx;
	margin-bottom: 5rpx;
}

.none{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		margin-top: 15%;
	}
	.logo{
		width: 200rpx;
		height: 200rpx;
		margin-top: 100rpx;
		margin-bottom: 20rpx;
	}
	.item-container{
		box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
		border-radius: 5px;
		width: 96%;
		margin: 2%;
		margin-top: 15rpx;
		background-color: white;
		padding-top: 10rpx;
		padding-bottom: 5rpx;
		display: flex;
		flex-direction: column;
	}
	.item-title{
		font-size: 30rpx;
		font-weight: bold;
		margin-left: 100rpx;
		margin-right: 10rpx;
		padding-top: 10rpx;
		padding-bottom: 5rpx;
		margin-bottom: 5rpx;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		border-bottom: darkgray solid 1px;
		
	}
	.item-focus{
		width: 94%;
		margin-left: 20rpx;
		margin-right: 20rpx;
		display: block;
		border-radius: 5rpx;
	}
	.item-avatar{
		border-radius: 50%;
		position: absolute;
		width: 80rpx;
		height: 80rpx;
		margin-left: 15rpx;
		 
	}
	.item-desc{
		font-size: 25rpx;
		margin-left: 20rpx;
		margin-right: 20rpx;
		margin-bottom: 10rpx;
	}
	.item-tag{
		float: left;
		color: midnightblue;
		font-size: 20rpx;
		border: cadetblue solid 1px;
		border-radius: 20rpx;
		margin: 10rpx 20rpx;
		padding: 5rpx ;
	}
	.jiantou{
		position: absolute;
		right:  20rpx;
		
	}
	.icon-container{
		display: flex;
		flex-direction: row;
		border: darkgray solid 1px;
		padding-left: 15rpx;
		padding-right: 5rpx;
	}
	.icon{
		width: 50rpx;
		height: 50rpx;
		margin-top: 10rpx;
		margin-right: 5rpx;
	}
	.icon-text{
		font-size: 20rpx;
		margin-top: 10rpx;
		margin-right: 20rpx;
	}
	.icon-tag{
		width: 50rpx;
		height: 50rpx;
		position: absolute;
		right: 20rpx;
	}
	.bottom{
		font-size: 20rpx;
		margin: 20rpx 0rpx;
	}
	.uni-search{
		width: 96%;
		margin: auto;
	}
	
	.rich-img{
		width: 100%;
	}
	.cmt-container{
		display: flex;
		flex-direction: column;
		margin-bottom: 10rpx;
		align-items: baseline;
	}
	.cmt-author{
		color: skyblue;
		font-size: 28rpx;
		margin-left: 80rpx;
		margin-bottom: 5rpx;
	}
	.cmt-time{
		color: darkgray;
		font-size: 20rpx;
		margin-bottom: 5rpx;
		margin-left: 80rpx;
	}
	.cmt-avatar{
		width: 60rpx;
		height: 60rpx;
		margin-left: 15rpx;
		margin-top: 10rpx;
		border-radius: 50%;
		position: absolute;
		
	}
	.cmt-content{
		font-size: 28rpx;
		margin-left: 80rpx;
	}
	.cmt-line{
		border-bottom: #ededed 20rpx ;
	}
	
	.reply-container{
		margin-left: 80rpx;
		display: flex;
		flex-direction: column;
		border-left: darkgray;
		
	}
	.reply-item{
		display: flex;
		flex-direction: column;
		
	}
	.reply-info{
		display: flex;
		flex-direction: row;
	}
	.reply-author{
		color:cornflowerblue;
		font-size: 26rpx;
	}
	.reply-to{
		color: chocolate;
		font-size: 26rpx;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.reply-time{
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		color:darkgray;
		font-size: 20rpx
	}
	.reply-content{
		font-size: 26rpx;
		
	}
	.input-container {
	    position: fixed;
	    bottom: 0;
	    width: 100%;
	    background: #fff;
	    padding: 15rpx 20rpx;
	    box-shadow: 0 -2rpx 10rpx rgba(0,0,0,0.1);
	    z-index: 1000;
	    display: flex;
	    align-items: center;
	    box-sizing: border-box;
	}
	
	.input-avatar {
	    width: 60rpx;
	    height: 60rpx;
	    border-radius: 50%;
	    margin-right: 20rpx;
	}
	.comment-input {
	    flex: 1;
	    background: #f5f5f5;
	    border-radius: 40rpx;
	    padding: 15rpx 25rpx;
	    font-size: 28rpx;
	}
	
	.submit-btn {
	    color: #007AFF;
	    font-size: 28rpx;
	    margin-left: 20rpx;
	    padding: 10rpx 20rpx;
	}
	
	/* 优化子评论显示 */
	.reply-container{
				margin-left: 80rpx;
				display: flex;
				flex-direction: column;
				border-left: darkgray 3rpx solid;
			}
			.reply-author{
				color: cornflowerblue;
	            font-size: 26rpx;
			}
			.reply-content{
				font-size: 26rpx;
			}
			.reply-info{
				display: flex;
				flex-direction: row;
			}
			.reply-item{
				display: flex;
	            flex-direction: column;
			}
			.reply-to{
				color: chocolate;
				font-size: 26rpx;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
			}
			.reply-time{
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				color: darkgray;
				font-size: 20rpx;
			}
			.input-container{
				width: 96%;
				margin-left: 2%;
				margin-right: 2%;
				display: flex;
				flex-direction: row;
				align-items: center;
				background-color: white;
				border: #cc3300 1px solid;
				position: fixed;
				bottom: 20rpx;
				border-radius: 10rpx;
				padding-top: 20rpx;
				padding-bottom: 20rpx;
			}
			.input-avatar{
				width: 80rpx;
				height: 80rpx;
				border-radius: 50%;
			}
			.input-area{
				flex-grow: 1;
				margin-left: 10rpx;
			}
			.input-commit{
				font-size: 40rpx;
				color: #cc3300;
				margin-right: 20rpx;
				}
				